<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>timer</title>
    <style>
        body {
            background-color: #f0f0f0;
            font-family: 'Courier New', Courier, monospace;
            color: #333;
            text-align: center;
            padding: 50px;
        }
    </style>
</head>

<body>
<script>
    function timeShow() {
        const now = new Date();
        const hour = String(now.getHours()).padStart(2, '0');
        const minute = String(now.getMinutes()).padStart(2, '0');
        const second = String(now.getSeconds()).padStart(2, '0');
        const time = `${hour}:${minute}:${second}`;
        document.body.innerHTML = `<h1>${time}</h1>`;
    }

    setInterval(timeShow, 1000);
</script>
</body>
</html>